<link rel="stylesheet" type="text/css" href="/static/manage/css/member/member_miniapp/renew/renew_ed.css?v=13"/>
<style>
    .background{
        background-color: #FFF9E8;
        cursor: pointer;
    }
    .day-style{
        font-size: 14px;
        font-weight: normal;
    }
    .image-shade{
        background-color: #FFF9E8;
    }

    .layui-btn{
        height: 48px;
        background-color: #6f56ff;
        width: 115px;
        font-size: 16px;
    }

    .layui-elem-quote {
        margin-bottom: 10px;
        padding: 15px;
        line-height: 22px;
        border-left: 5px solid #6e56ff;
        border-radius: 0 2px 2px 0;
        background-color: #f2f2f2;
        color: black;
        text-align: left;

    }
</style>
<div id="maskLayer" class="maskLayer">
    <!--<div class="maskLayer-top">-->
        <!--应用续费-->
    <!--</div>-->
    <div class="renew-img">
        <img src="/static/manage/images/member/member_miniapp/renew/renew.png"/>
        <div class="renew-text">
            续费金额将从余额扣除，如果余额不足，请及时充值，谢谢！
        </div>
    </div>
    <div class="residue">
        <div class="balance">
            <div class="residue-time">
                <div class="balance-time">
                    当前剩余天数
                </div>
                <div class="time-num">
                    {$days|default=0}
                </div>
            </div>
            <div class="residue-day">
                <div class="residue-left">
                    <div class="balance-day">
                        当前余额
                    </div>
                    <div class="day-num">
                        <span>￥</span>{$price|default=0}
                    </div>
                </div>
                <div class="recharge-btn  go-recharge">
                    去充值
                </div>
            </div>
        </div>

    </div>
    <div class="renew-procedure">
        <div class="renew-procedure-in">
            <div class="renew-title">
                <div class="renew-title-left">
                    应用续费
                </div>
                <div class="renew-title-right">
                    - 套餐选择
                </div>
            </div>
            <div class="plans">

                <!--<div class="plan-a">-->
                    <!--<div class="state">-->
                        <!--<img src="/static/manage/images/member/member_miniapp/renew/icon_yes.png" />-->
                    <!--</div>-->
                    <!--<div class="price">-->
                        <!--<div class="price-mun">-->
                            <!--￥1001-->
                        <!--</div>-->
                        <!--<div class="price-text">-->
                            <!--普通套餐(1年)-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->

                {if condition="$list"}

                {volist name="list" id="data"}

                <div class="plan-b body-style plugin-item"  data-id="{$data.id}">
                    <div class="state">
                        <img src="/static/manage/images/member/member_miniapp/renew/icon_no.png" />
                    </div>
                    <div class="price">
                        <div class="price-mun">
                            ￥{$data.price}<span class="day-style"> /{$data.days == 0? '永久': $data.days . '天'}</span>
                        </div>
                        <div class="price-text">
                            {$data.name}
                        </div>
                    </div>
                </div>
                {/volist}

                {else /}

                <blockquote class="layui-elem-quote">
                    <span>该应用未设置套餐，请联系平台管理员！</span><br>
                    <span style="color: red"> （如果您是平台管理员，请登录总后台： <br>
                        在 [总后台] -- [应用] -- [系统应用] -- [续费套餐] 处设置续费套餐！）</span>
                </blockquote>

                {/if}




            </div>
            <form id="app-form" class="layui-form layuimini-form" >
            <div class="wordprass">
                <div class="wordprass-title">
                    安全密码
                </div>
                <div class="wordprass-inp">
                    <input type="password" name="password"  lay-verify="required" maxlength="6" onkeyup="value=value.replace(/[^\d\.]/g,'')" placeholder="请输入账户6位安全密码"  />
                </div>
                <input type="hidden" name="id" id="term_id" class="layui-input" lay-verify="required" placeholder="请选择套餐" >
                <div class="wordprass-icon">
                    <img src="/static/manage/images/member/member_miniapp/renew/icon_star.png" />
                </div>
            </div>
            <div class="pay-btn">
                <button type="submit" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit>
                    &emsp;确认支付&emsp;
                </button>
            </div>
            </form>
        </div>


    </div>
</div>
